<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
    <meta charset="UTF-8">
    <title>成就</title>
    <meta name="viewport" content="user-scalable=no">
    <link href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet"/>
    <link href="./css/style.css" rel="stylesheet">
</head>

	<body>
<div class="container" id="success" data-role="page" data-url="success">
    <div class="">
        <div class="cw-top-o">
            <span>称谓：</span>
            <span class="cw-value">${title}</span>
            <a class="cw-xq" href="#detail">江湖规则 》</a>
        </div>
    </div>
    <div class="cw-top">
        <div class="cw-top-left">
            <div class="cw-top-ds">
                <span>点数：</span>
                <span class="cw-value">${point}点</span>
				<input id="userid" type="hidden" value="${userid}" />
                <div class="">&nbsp;</div>
                <div class="cw-vertical-line">&nbsp;</div>
                <div class="cw-vertical-line">&nbsp;</div>
                <div class="cw-vertical-line">&nbsp;</div>
                <div class="cw-vertical-line">&nbsp;</div>
                <div class="cw-vertical-line">&nbsp;</div>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a cw-top-middle">
                <div class="cw-pkg-bg">
                    <img class="cw-pkg" src='<c:url value="images/pkg.png"/>'/>
                </div>
                <div class="cw-point"><fmt:formatNumber type="number" value="${map1.point1}" />点</div>
                <div class="cw-text">获得奖励</div>
                <div class="cw-text">出入江湖</div>
                <div class="cw-text">${map1.red1}</div>
                <div class="cw-text">${map1.withdraw1}</div>
            </div>
            <div class="ui-block-b cw-top-right">
                <div class="cw-pkg-bg">
                    <img class="cw-pkg" src='<c:url value="images/pkg.png"/>'/>
                </div>
                <div class="cw-point"><fmt:formatNumber type="number" value="${map1.point2}" />点</div>
                <div class="cw-text">获得奖励</div>
                <div class="cw-text">出入江湖</div>
                <div class="cw-text">${map1.red2}</div>
                <div class="cw-text">${map1.withdraw2}</div>
            </div>
        </div>
    </div>
    <div class="cw-clear"></div>
    <div class="cw-user">雇主</div>
    <div class="cw-gz">
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">发单数</div>
            <div class="ui-block-b ui-b-b">1单</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">好评数</div>
            <div class="ui-block-b ui-b-b">1个</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">差评数</div>
            <div class="ui-block-b ui-b-b">1个</div>
            <div class="ui-block-c ui-b-c">-10点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">累计小费</div>
            <div class="ui-block-b ui-b-b">10元</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">余额支付</div>
            <div class="ui-block-b ui-b-b">1次</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">邀请好友</div>
            <div class="ui-block-b ui-b-b">1人</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
    </div>
    <div class="cw-user">经纪人</div>
    <div class="cw-jjr">
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">抢单数</div>
            <div class="ui-block-b ui-b-b">1单</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">好评数</div>
            <div class="ui-block-b ui-b-b">1个</div>
            <div class="ui-block-c ui-b-c">5点</div>
        </div>
        <div class="cw-row ui-grid-b">
            <div class="ui-block-a">差评数</div>
            <div class="ui-block-b ui-b-b">1个</div>
            <div class="ui-block-c ui-b-c">-10点</div>
        </div>
    </div>
</div>

<div data-role="page" id="detail" data-url="detail" data-theme="a">
    <div role="main">
        <div>
            <img src='images/header.png' class="ui-grid-solo" style="width: 100%"/>
        </div>
        <div>
            <div class="ui-grid-c cw-table">
                <div class="ui-block-a ui-block">
                    称号
                </div>
                <div class="ui-block-b ui-block">
                    积分
                </div>
                <div class="ui-block-c ui-block">
                    红包奖励
                </div>
                <div class="ui-block-d ui-block">
                    提现费减少
                </div>
            </div>
            <c:forEach items="${list}" var="map">
            	<div class="ui-grid-c cw-d-r">
                <div class="ui-block-a ui-block">${map.title}</div>
                <div class="ui-block-b ui-block">${map.point}</div>
                <div class="ui-block-c ui-block">${map.red}</div>
                <div class="ui-block-d ui-block">${map.withdraw}</div>
            </div>
            </c:forEach>
            
        </div>
        <div class="cw-other-title">
            其他说明
        </div>
        <div class="cw-other">
            <ul>
                <li class="cw-role">
                    <span class="cw-role-left">好评数</span>
                    <span>4星以上增加5点（包含4星）</span>
                </li>
                <li class="cw-role">
                    <span class="cw-role-left">差评数</span>
                    <span>3星以下减少10点（不包含3星）</span>
                </li>
                <li class="cw-role">
                    <span class="cw-role-left">累计小费</span>
                    <span>每满10元增加5点（比如满10元、20元、30元等）</span>
                </li>
                <li class="cw-role">
                    <span class="cw-role-left">余额支付</span>
                    <span>每次使用余额支付增加5点</span>
                </li>
            </ul>
        </div>
        <div class="cw-foot">&nbsp;</div>
    </div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.js"></script>
</body>
</html>
